:root {
  --base00: #ffffff;
  --base01: #e0e0e0;
  --base02: #d6d6d6;
  --base03: #8e908c;
  --base04: #969896;
  --base05: #4d4d4c;
  --base06: #282a2e;
  --base07: #1d1f21;
  --base08: #c82829;
  --base09: #f5871f;
  --base0A: #eab700;
  --base0B: #718c00;
  --base0C: #3e999f;
  --base0D: #4271ae;
  --base0E: #8959a8;
  --base0F: #a3685a;
}

.button-common {

  width: 100%;
  padding: 5px 10px;
  
  cursor: pointer;
  user-select: none;
  pointer-events: none;

  text-align: center;

  box-sizing: border-box;
}

.button {
  composes: button-common;
}

.button-outline {
  composes: button-common;
}